<template>
  <div class="addJob">
    <Card style="height: 680px">
    <Divider>任务发布</Divider>
    <Steps :current="0" style="margin: 20px;width: 80%">
      <Step title="填写任务信息" content="用户填写订单"></Step>
      <Step title="任务审核" content="管理员审核任务合法合理性"></Step>
      <Step title="任务接受" content="浏览接受任务"></Step>
      <Step title="任务完成" content="任务完成，完成交易"></Step>
    </Steps>
    <Tabs v-model="jobType" value="网站构建">
      <TabPane label="网站构建" name="网站构建"><div style="width: 800px;margin: 0 auto"><addInput :jobType="jobType"></addInput></div></TabPane>
      <TabPane label="图片处理" name="图片处理"><div style="width: 800px;margin: 0 auto"><addInput :jobType="jobType"></addInput></div></TabPane>
      <TabPane label="系统开发" name="系统开发"><div style="width: 800px;margin: 0 auto"><addInput :jobType="jobType"></addInput></div></TabPane>
      <TabPane label="生活琐事" name="生活琐事"><div style="width: 800px;margin: 0 auto"><addInput :jobType="jobType"></addInput></div></TabPane>
    </Tabs>
    </Card>
  </div>
</template>

<script>
  import addInput from './addJobTable'
  export default {
    name: "addJob",
    data(){
      return {
        jobType:''
      }
    },
    components:{
      addInput,
    },
  }
</script>

<style scoped>
  .addJob{
    margin:20px 0 0 20px
  }
</style>
